const $cache = require('../../utils/storage')
const $api = require('../../utils/api').API.mine
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tags: [{
        id: 1,
        title: '幽默',
        isChoose: true
      },
      {
        id: 2,
        title: '电竞',
        isChoose: true
      },
      {
        id: 3,
        title: '社恐',
        isChoose: true
      },
      {
        id: 4,
        title: '御姐',
        isChoose: true
      },
      {
        id: 5,
        title: 'LOL之神',
        isChoose: false
      },
    ],
    userInfo: {
      id: '',
      openId: "",
      qq: null,
      schoolId: '',
      sex: "",
      tel: null,
      username: "",
      wechat: null,
    }
  },
  handleBack(){
    wx.switchTab({
      url: '/pages/mine_new/mine_new',
    })
  },
  handleSave(){
    $api.updateInfo(this.data.userInfo).then(res=>{
      wx.showToast({
        title: '保存成功',
      })
      $cache._setStorage('userInfo',this.data.userInfo)
      wx.switchTab({
        url: '/pages/mine_new/mine_new',
      })
    })
  },
  handleUsername(e){
    let username = e.detail.value
    let that = this
    this.setData({
      userInfo:{
        ...that.data.userInfo,
        username
      }
    })
  },
  handleSex(e){
    let sex = e.detail.value
    let that = this
    this.setData({
      userInfo:{
        ...that.data.userInfo,
        sex
      }
    })
  },
  handleCheck(e) {
    let id = e.target.dataset.id
    let newTags = this.data.tags.map(item => {
      if (item.id == id) {
        item.isChoose = !item.isChoose
      }
      return item
    })
    this.setData({
      tags: [...newTags]
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let userInfo = $cache._getStorage('userInfo')
    this.setData({
      userInfo:{
        ...userInfo
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})